<template>
	<view>
		<view class="content">
			<index-header></index-header>
			<ban style="margin-top: 60upx;" title="时政要闻"></ban>
			<view v-for="(item,index) in newList" :class="{'new_list':true,'new_list_first':index < 1?true:false}">
				<text class="new_title">{{item.title}}</text>
				<text class="new_content">
                  {{item.content}}
                </text>
				<text class="snew_time">{{item.time}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	let page=1,timer=null
	export default {
		data() {
			return {
				n:9,
				newList:[{
					title:'测绘地理信息类专业认证委员会工作办法 （试行1）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-10',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行2）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-11',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行3）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-12',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行4）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行5）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行6）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行7）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				},{
					title:'测绘地理信息类专业认证委员会工作办法 （试行8）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				}]
			}
		},
        onReachBottom() {
            //阻止重复加载
			this.n++
			uni.showLoading({title: '加载中',mask:true});
            if(timer !== null){
                clearTimeout(timer)
            }
            timer=setTimeout(e=>{
				
				this.newList.push({
					title:'测绘地理信息类专业认证委员会工作办法 （试行 '+this.n+'）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				})
				 uni.hideLoading()
			},500)
            // this.getMoreNews()
        },
		onPullDownRefresh() {
			this.n++
			console.log("我要刷新了");
			setTimeout(e=>{
				console.log("刷新结束,我要停止刷新动作了");
				this.newList.unshift({
					title:'测绘地理信息类专业认证委员会工作办法 （试行 '+this.n+'）',
					content:'测绘地理信息类专业认证委员会（以下简称“专委会”）是中国工程教育专业认证协会（以下简称“认证协会”）在测绘地理信息领域设立的分支机构，接受认证协会的领导。其成员由测绘地理信息领域工程教育界和工程界专家以及国家测绘行政主管部门、学会等单位和机构的人员组成。专委会需报认证协会理事会审议，由认证协会批准。它是从事测绘地理信息领域专业认证的专门机构。',
					time:'2020-09-13',
				})
				uni.stopPullDownRefresh()
			},500)
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		min-height: calc(100% - 631upx);
		padding-bottom: 50upx;
		
		.new_list {
			padding-top: 10upx;
			display: flex;
			flex-direction: column;
			margin: 50upx 22upx 0 22upx;
			border-top: 1upx solid #D8D8D8;
			
			.new_title {
				font-size: 26upx;
				color: #333333;
			}
			.new_content {
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				font-size: 24upx;
				color: #999999;
			}
			
			.snew_time {
				font-size: 20upx;
				color: #999999;
				text-align: right;
			}
			
			&.new_list_first {
				border-top: 0;
				margin-top: 30upx;
			}
		}
	}
</style>
